<!DOCTYPE html>
<html>
<head>
    <title></title>
    <#include "/header.html" />
    <link rel="stylesheet" href="${request.contextPath}/statics/plugins/datepicker/datepicker3.css"/>
    <script src="${request.contextPath}/statics/plugins/datepicker/bootstrap-datepicker.js"></script>
    <script src="${request.contextPath}/statics/plugins/datepicker/locales/bootstrap-datepicker.zh-CN.js"></script>

    <link rel="stylesheet"
          href="${request.contextPath}/statics/plugins/jquerydatetimepicker/jquery.datetimepicker.css">
</head>
</head>
<body>
<div id="rrapp" v-cloak>
    <div v-show="showList">
        <div class="grid-btn">
            <div class="form-group">
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="queryCondition.name" @keyup.enter="query" placeholder="用户名">
                </div>
                <div class="col-sm-2">
                    <input type="text" class="form-control" v-model="queryCondition.sfzh" @keyup.enter="query" placeholder="身份证号">
                </div>
                <div class="col-sm-2">
                    <select v-model="queryCondition.studytype" class="form-control" @keyup.enter="query">
                        <option value="">学习类型</option>
                        <option v-for="item in offline_type" :value="item.value">{{item.text}}</option>
                    </select>
                </div>
                <div class="col-sm-3">
                    <div class="input-group" id="datepicker_range">
                        <span class="input-group-addon">学习时间</span>
                        <input id="datepicker_start" type="text" class="form-control" style="width: 100px;" name="start" readonly/>
                        <span class="input-group-addon">至</span>
                        <input id="datepicker_end" type="text" class="form-control" style="width: 100px;" name="end" readonly/>
                    </div>
                </div>
            </div>
            <a class="btn btn-default" @click="query">查询</a>
            <#if shiro.hasPermission("offlinestudy:subscribe:save")>
                <a class="btn btn-primary" @click="exportExcel"><i class="fa fa-plus"></i>&nbsp;导出excel</a>
            </#if>
        </div>
        <table id="jqGrid"></table>
        <div id="jqGridPager"></div>
    </div>
    <div class="hidden">
        <form></form>
    </div>
</div>

<script src="${request.contextPath}/statics/js/modules/offlinestudy/subscribeList.js?_${.now?long}"></script>
</body>
</html>